<template>
    <div>
        <ScrollVue class="content">
            <HomeSwiper class="HomeSwiper" :banners="banners"></HomeSwiper>
            <RecommendView :recommends="recommends"></RecommendView>
            <FeatureView></FeatureView>
            <TabControl :titles="['流行', '新款', '精选']" @tabClick="tabClick" class="TabControl"></TabControl>
            <GoodsList :goods="showGoods"></GoodsList>
            <h2>分类</h2>
            <h2>jfkdsl1</h2>
            <h2>jfkdsl2</h2>
            <h2>jfkdsl3</h2>
            <h2>分类</h2>
            <h2>jfkdsl1</h2>
            <h2>jfkdsl2</h2>
            <h2>jfkdsl3</h2>
            <h2>分类</h2>
            <h2>jfkdsl1</h2>
            <h2>jfkdsl2</h2>
            <h2>jfkdsl3</h2>
            <h2>分类</h2>
            <h2>jfkdsl1</h2>
            <h2>jfkdsl2</h2>
            <h2>jfkdsl3</h2>
            <h2>分类</h2>
            <h2>jfkdsl1</h2>
            <h2>jfkdsl2</h2>
            <h2>jfkdsl3</h2>
            <h2>分类</h2>
            <h2>jfkdsl1</h2>
            <h2>jfkdsl2</h2>
            <h2>jfkdsl3</h2>
            <h2>分类</h2>
            <h2>jfkdsl1</h2>
            <h2>jfkdsl2</h2>
            <h2>jfkdsl3</h2>
            <h2>分类</h2>
            <h2>jfkdsl1</h2>
            <h2>jfkdsl2</h2>
            <h2>jfkdsl3</h2>
            <h2>分类</h2>
            <h2>jfkdsl1</h2>
            <h2>jfkdsl2</h2>
            <h2>jfkdsl3</h2>
            <h2>分类</h2>
            <h2>jfkdsl1</h2>
            <h2>jfkdsl2</h2>
            <h2>jfkdsl3</h2>
            <h2>分类</h2>
            <h2>jfkdsl1</h2>
            <h2>jfkdsl2</h2>
            <h2>jfkdsl3</h2>
            <h2>分类</h2>
            <h2>jfkdsl1</h2>
            <h2>jfkdsl2</h2>
            <h2>jfkdsl3</h2>
            <h2>分类</h2>
            <h2>jfkdsl1</h2>
            <h2>jfkdsl2</h2>
            <h2>jfkdsl3</h2>
            <h2>分类</h2>
            <h2>jfkdsl1</h2>
            <h2>jfkdsl2</h2>
            <h2>jfkdsl3</h2>
            <h2>分类</h2>
            <h2>jfkdsl1</h2>
            <h2>jfkdsl2</h2>
            <h2>jfkdsl3</h2>
            <h2>分类</h2>
            <h2>jfkdsl1</h2>
            <h2>jfkdsl2</h2>
            <h2>jfkdsl3</h2>
        </ScrollVue>
    </div>
</template>

<script>
import HomeSwiper from "../home/childComps/HomeSwiper.vue"
import RecommendView from "../home/childComps/RecommendView.vue"
import FeatureView from "../home/childComps/FeatureView.vue"

import NavBar from "../../components/common/navbar/NavBar"
import TabControl from "../../components/content/tabControl/TabControl"
import GoodsList from "../../components/content/goods/GoodsList"

import ScrollVue from '@/components/common/scroll/Scroll.vue'
export default {
    name: 'Category',
    components: {
        ScrollVue,
        NavBar,
        TabControl,
        HomeSwiper,
        RecommendView,
        FeatureView,
        GoodsList
    }
}
</script>

<style scoped>
.content {
    height: 400px;
    background-color: red;
    overflow: hidden;
}
</style>